<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="/WEB-INF/pages/common/fns.tld" prefix="fns"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8" />
<%@ include file="/WEB-INF/pages/common/inc.jsp"%>
<link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" />
<link rel="stylesheet" href="${ctxStatic}/css/bootstrap-theme.css" />
<link rel="stylesheet" href="${ctxStatic}/css/swiper-3.3.1.min.css" />
<script type="text/javascript" src="${ctxStatic}/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/bootstrap.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/swiper-3.3.1.min.js"></script>
<link rel="stylesheet" href="${ctxStatic}/css/style.css" />
<title></title>
<style>
.list-imgages {
	width: 200px;
	height: 100px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 20px;
}

.list-group-item {
	height: auto;
	overflow: hidden;
	border-top: 1px dashed #ccc;
}

.list-group-item label {
	font-size: 16px;
	letter-spacing: 2px;
}

.list-group-item .list-info {
	font-size: 14px;
	color: #ccc;
	text-indent: 2em;
	line-height: 25px;
}

.pagination {
	float: right;
}
</style>
</head>


<body>
	<jsp:include page="header.jsp"></jsp:include>
	<section class="container-fluid w_1000">
	<div class="w_1000 border_line tip title" id="list">
		<label class="title" style="margin-top: -2px;"><a href="index">首页</a>-<a
			href="">${title}</a></label>
	</div>
	<ul class="list-group">
		<c:forEach var="news" items="${news}">
			<li class="list-group-item"><span class="badge">${news.date}</span>
				<a href="info?id=${news.id}">
					<div class="list-imgages">
						<img src="${qiniu}/${news.imgurl}" width="198px" height="98px">
					</div> <label>[${news.type}]</label><span>${news.title}</span>
					<div class="list-info">${news.context}</div>
			</a></li>
		</c:forEach>
	</ul>
	<ul class="pagination">
		<li><a href="list?name=${title}&pages=${pages+1}&rows=10">&raquo;</a></li>
	</ul>
	</section>
	<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>